<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
	<title>鼠标移动得行为</title>
	<style type="text/css">
		*{
			margin: 0;
			padding: 0;
		}
		#content{
			height: 1200px;
			width: 300px;
			border: 1px solid red;
		}
		#inner{
			width: 200px;
			height: 200px;
			border: 1px solid green;
			position: fixed;
			top: 100px;
		}
	</style>
</head>
<body>
<div id="content">
	<div id="inner"></div>
</div>
<script type="text/javascript">
var oContent = document.getElementById('content');
var inner = document.getElementById('inner');

oContent.onmousemove = function (ev) {
	// body...
	// inner.innerHTML = 'x轴：'+ev.pageX+'Y轴：'+ev.pageY;
	inner.innerHTML = 'x轴：'+ev.clientX+'Y轴：'+ev.clientY;
}
</script>
</body>
</html>